<!DOCTYPE html>
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
		
        <title>个人信息</title>
		
        <!-- All Plugins Css -->
        <link href="assets/css/plugins.css" rel="stylesheet">
		 

        <!-- Custom CSS -->
        <link href="assets/css/styles.css" rel="stylesheet">
    </head>
	
    <body class="blue-skin">
        <!-- ============================================================== -->
        <!-- Preloader - style you can find in spinners.css -->
        <!-- ============================================================== -->
        <div class="Loader"></div>
		
        <!-- ============================================================== -->
        <!-- Main wrapper - style you can find in pages.scss -->
        <!-- ============================================================== -->
        <div id="main-wrapper">
		
            <!-- ============================================================== -->
            <!-- Top header  -->
            <!-- ============================================================== -->
            <!-- Start Navigation -->
			<div class="header header-light">
				<div class="container">
					<div class="row">
						<div class="col-lg-12 col-md-12 col-sm-12">
							<nav id="navigation" class="navigation navigation-landscape">
								<div class="nav-header">
									<a class="nav-brand" href="#">
										<img src="assets/img/logo.png" class="logo" alt="" />
									</a>
									<div class="nav-toggle"></div>
								</div>
								<div class="nav-menus-wrapper">
									<ul class="nav-menu">
									
										<li><a href="index.html">主页<span class="submenu-indicator"></span></a>
										</li>
										
										<li><a href="study.html">学习主题<span class="submenu-indicator"></span></a>
											<ul class="nav-dropdown nav-submenu">
												<li><a href="item-detail.html">Java</a></li>   
												<li><a href="item-detail.html">Java Script</a></li>
												<li><a href="item-detail.html">C</a></li>
												<li><a href="item-detail.html">C#</a></li>
												<li><a href="item-detail.html">C++</a></li>
												<li><a href="item-detail.html">Python</a></li>
											</ul>
										</li>
										<li><a href="reviews.html">精品文章</a></li>
										<li><a href="faq.html">问题与解答</a></li>
										<li><a href="#">金牌讲师<span class="submenu-indicator"></span></a>
											<ul class="nav-dropdown nav-submenu">
												<li><a href="dashboard.html">mxt</a></li> 
											</ul>
										</li>
										<li class="active"><a href="#">其他<span class="submenu-indicator"></span></a>
											<ul class="nav-dropdown nav-submenu">
												<li><a href="about.html">关于我们</a></li>
												<li><a href="login.html">登录</a></li>
												<li><a href="signup.html">注册</a></li>
												<li><a href="wallets.html">数据表</a></li>
												<li><a href="user.html">个人信息</a></li>
											</ul>
										</li>
									</ul>
									<ul class="nav-menu nav-menu-social align-to-right">
										<li class="add-listing green-bg">
											<a href="#" data-toggle="modal" data-target="#login">
												 <i class="ti-user mr-1"></i> 登录
											</a>
										</li>
									</ul>
								</div>
							</nav>
						</div>
					</div>
				</div>
			</div>
			<!-- End Navigation -->
			<div class="clearfix"></div>
			<!-- ============================================================== -->
			<!-- Top header  -->
			<!-- ============================================================== -->
			
			<!-- ============================ Dashboard Header Start================================== -->
			<div class="_agt_dash dark" style="background:#675bca url(assets/img/tag-light.png) no-repeat;">
				<div class="container">
					<div class="row">
						<div class="col-lg-12 col-md-12 col-sm-12">

							<div class="dash_hyu76">
								<div class="dash_hyu74">
									<div class="dash_hyu72">
										<img src="assets/img/logos.png" class="img-fluid" alt="" />
									</div>
									<div class="dash_hyu71">
										<h4 class="_hyu71_title">Digital Studio</h4>
										<span>Member Since Dec 2010 USA</span>
										<div class="_hyu71_button">
											<a href="#" class="_njy_likes">Portfolio</a>
										</div>
									</div>				
								</div>
								<div class="dash_hyu75">
									<div class="_hyu75">
										<h4>302</h4>
										<span>Total Sales</span>
									</div>
									<div class="_hyu75_1">
										<div class="_iju7_reviw">
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star filled"></i>
											<i class="fa fa-star"></i>
											<span>(102 Reviews)</span>
										</div>
										<span>Author Rattings</span>	
									</div>					
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<!-- ========================== Dashboard Elements ============================= -->
			<section class="gray-light">
				<div class="container">
				
					<div class="row">
						<div class="col-lg-3 col-md-4 col-sm-12">
							<div class="nav flex-column nav-pills extra_jhysfr" id="v-pills-tab" role="tablist" aria-orientation="vertical">
								<a class="nav-link active" id="v-pills-basic-tab" data-toggle="pill" href="#v-pills-basic" role="tab" aria-controls="v-pills-basic" aria-selected="true">Basic Information</a>
								<a class="nav-link" id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab" aria-controls="v-pills-profile" aria-selected="false">Profile</a>
								<a class="nav-link" id="v-pills-saved-tab" data-toggle="pill" href="#v-pills-saved" role="tab" aria-controls="v-pills-saved" aria-selected="false">Saved Cards</a>
								<a class="nav-link" id="v-pills-email-tab" data-toggle="pill" href="#v-pills-email" role="tab" aria-controls="v-pills-email" aria-selected="false">Email Settings</a>
								<a class="nav-link" id="v-pills-social-tab" data-toggle="pill" href="#v-pills-social" role="tab" aria-controls="v-pills-social" aria-selected="false">Social Links</a>
								<a class="nav-link" id="v-pills-support-tab" data-toggle="pill" href="#v-pills-support" role="tab" aria-controls="v-pills-support" aria-selected="false">Item Support</a>
								<a class="nav-link" id="v-pills-featured-tab" data-toggle="pill" href="#v-pills-featured" role="tab" aria-controls="v-pills-featured" aria-selected="false">Featured Item</a>
							</div>
						</div>
						
						<div class="col-lg-9 col-md-8 col-sm-12">
							<div class="tab-content" id="v-pills-tabContent">
								<div class="tab-pane fade show active" id="v-pills-basic" role="tabpanel" aria-labelledby="v-pills-basic-tab">
									<div class="alert alert-success" role="alert">
									  We do not sell or share your details without your permission.
									</div>
									<div class="extra_ijyu98">
										<div class="extra_ijyu98_head">
											<h4>Billing Information</h4>
										</div>
										<div class="extra_ijyu98_body">
											<form class="simple_uyt">
												<div class="row">
													
													<div class="col-lg-6 col-md-6">
														<div class="form-group">
															<label>First Name</label>
															<input type="text" class="form-control" value="Dhananjay" disabled="">
														</div>
													</div>
													<div class="col-lg-6 col-md-6">
														<div class="form-group">
															<label>Last Name</label>
															<input type="text" class="form-control" value="Kumar" disabled="">
														</div>
													</div>
													<div class="col-lg-6 col-md-6">
														<div class="form-group">
															<label>Email</label>
															<input type="email" class="form-control" value="themezhub@gmail.com" disabled="">
														</div>
													</div>
													<div class="col-lg-6 col-md-6">
														<div class="form-group">
															<label>Address 1</label>
															<input type="text" class="form-control" value="2850, Sector 20 C" disabled>
														</div>
													</div>
													<div class="col-lg-6 col-md-6">
														<div class="form-group">
															<label>Address 2</label>
															<input type="text" class="form-control" value="Near gurudwara Chawk" disabled="">
														</div>
													</div>
													<div class="col-lg-6 col-md-6">
														<div class="form-group">
															<label>Country</label>
															<input type="text" class="form-control">
														</div>
													</div>
													<div class="col-lg-6 col-md-6">
														<div class="form-group">
															<label>State</label>
															<input type="text" class="form-control">
														</div>
													</div>
													<div class="col-lg-6 col-md-6">
														<div class="form-group">
															<label>City/Zone</label>
															<input type="text" class="form-control">
														</div>
													</div>
													<div class="col-lg-6 col-md-6">
														<div class="form-group">
															<label>Pin Code</label>
															<input type="text" class="form-control">
														</div>
													</div>
													<div class="col-lg-6 col-md-6">
														<div class="form-group">
															<label>Mobile No.</label>
															<input type="text" class="form-control" value="8556068402" disabled>
														</div>
													</div>
													<div class="col-lg-12 col-md-12">
														<div class="form-group">
															<button type="submit" class="btn btn_update">Save & Update</button>
														</div>
													</div>
												</div>
											</form>
										</div>
									</div>
								</div>
								
								<div class="tab-pane fade" id="v-pills-profile" role="tabpanel" aria-labelledby="v-pills-profile-tab">
									<div class="extra_ijyu98">
										<div class="extra_ijyu98_head">
											<h4>Public Profile</h4>
										</div>
										<div class="extra_ijyu98_body">
											<div class="row">
												<div class="col-lg-12 col-md-12">
													<form>
														<div class="_sin89lio">
															<div class="form-group row">
																 <label class="col-lg-3 col-md-4 col-sm-12 col-form-label">Avatar</label>
																<div class="_sin89lio_thumb col-lg-9 col-md-8 col-sm-12">
																	<img src="assets/img/logos-1.png" class="img-fluid" alt="" />
																	<div class="_sin89lio_caption">
																		<div class="custom-file">
																			<input type="file" class="custom-file-input" id="customFile">
																			<label class="custom-file-label" for="customFile">Choose file</label>
																		</div>
																		<small>JPEG 80x80px</small>
																	</div>
																</div>
															</div>
															<div class="form-group row">
																 <label class="col-lg-3 col-md-4 col-sm-12 col-form-label">Avatar</label>
																<div class="_sin89lio_thumb col-lg-9 col-md-8 col-sm-12">
																	<img src="assets/img/theme.jpg" class="img-fluid" alt="" />
																	<div class="_sin89lio_caption">
																		<div class="custom-file">
																			<input type="file" class="custom-file-input" id="customFile2">
																			<label class="custom-file-label" for="customFile2">Choose file</label>
																		</div>
																		<small>JPEG 1000x500px</small>
																	</div>
																</div>
															</div>
															<div class="form-group row">
																 <label class="col-lg-3 col-md-4 col-sm-12 col-form-label">Profile Heading</label>
																<div class="_sin89lio_thumb col-lg-9 col-md-8 col-sm-12">
																	<input type="text" class="form-control" value="Degital Design with Love">
																</div>
															</div>
															<div class="form-group row">
																 <label class="col-lg-3 col-md-4 col-sm-12 col-form-label">Description</label>
																<div class="_sin89lio_thumb col-lg-9 col-md-8 col-sm-12">
																	<textarea name="message" class="form-control" placeholder="Type Message"></textarea>
																</div>
															</div>
															<div class="form-group row">
																<label class="col-lg-3 col-md-4 col-sm-12 col-form-label">Available for freelance?</label>
																<div class="_sin89lio_thumb col-lg-9 col-md-8 col-sm-12">
																	<ul class="no-ul-list mb-3">
																		<li>
																			<input id="b" class="checkbox-custom" name="b" type="checkbox" checked>
																			<label for="b" class="checkbox-custom-label">Yes</label>
																		</li>
																	</ul>
																</div>
															</div>
															<div class="form-group row">
																<div class="_sin89lio_thumb col-lg-12 col-md-12 col-sm-12">
																	<button type="submit" class="btn btn_update">Save &amp; Update</button>
																</div>
															</div>
														</div>
													</form>
												</div>
												
											</div>
										</div>
									</div>
								</div>
								
								<div class="tab-pane fade" id="v-pills-saved" role="tabpanel" aria-labelledby="v-pills-saved-tab">
								
									<div class="extra_ijyu98">
										<div class="extra_ijyu98_head">
											<h4>Saved Credit Cards</h4>
										</div>
										<div class="extra_ijyu98_body">
											<div class="row">
												
												<div class="col-lg-6 col-md-12 col-sm-12">
													<div class="card_ioj765">
														<a href="#" class="_del789"><i class="fa fa-trash"></i></a>
														<div class="_ioj765_thumb">
															<img src="assets/img/visa.png" class="img-fluid" alt="" />
														</div>
														<div class="_ioj765_capt">
															<label>Card Number</label>
															<h4>**** **** **** 4215</h4>
														</div>
														<div class="_ioj765_foot">
															<div class="_ioj765_left">
																<label>Card Holder</label>
																<h4>Dhananjay Kumar</h4>
															</div>
															<div class="_ioj765_right">
																<label>Expire Date</label>
																<h5>12/27</h5>
															</div>
														</div>
													</div>
												</div>
												<div class="col-lg-6 col-md-12 col-sm-12">
													<div class="card_ioj765">
														<a href="#" class="_del789"><i class="fa fa-trash"></i></a>
														<div class="_ioj765_thumb">
															<img src="assets/img/mass.png" class="img-fluid" alt="" />
														</div>
														<div class="_ioj765_capt">
															<label>Card Number</label>
															<h4>**** **** **** 8625</h4>
														</div>
														<div class="_ioj765_foot">
															<div class="_ioj765_left">
																<label>Card Holder</label>
																<h4>Dhananjay Verma</h4>
															</div>
															<div class="_ioj765_right">
																<label>Expire Date</label>
																<h5>01/25</h5>
															</div>
														</div>
													</div>
												</div>
												
											</div>
										</div>
									</div>
									
								</div>
								
								<div class="tab-pane fade" id="v-pills-email" role="tabpanel" aria-labelledby="v-pills-email-tab">
									<div class="extra_ijyu98">
										<div class="extra_ijyu98_head">
											<h4>Saved Credit Cards</h4>
										</div>
										<div class="extra_ijyu98_body">
											<div class="row">
												
												<div class="col-lg-12 col-md-12">
													<div class="_iolp65">
														<ul class="no-ul-list mb-3">
															<li>
																<input id="aa-4" class="checkbox-custom" name="aa-4" type="checkbox">
																<label for="aa-4" class="checkbox-custom-label">Rating reminders</label>
															</li>
															<li>
																<input id="aa-5" class="checkbox-custom" name="aa-5" type="checkbox">
																<label for="aa-5" class="checkbox-custom-label">Item update notifications</label>
															</li>
															<li>
																<input id="aa-6" class="checkbox-custom" name="aa-6" type="checkbox">
																<label for="aa-6" class="checkbox-custom-label">Item comment notifications</label>
															</li>
															<li>
																<input id="aa-7" class="checkbox-custom" name="aa-7" type="checkbox">
																<label for="aa-7" class="checkbox-custom-label">Team comment notifications</label>
															</li>
															<li>
																<input id="aa-8" class="checkbox-custom" name="aa-8" type="checkbox">
																<label for="aa-8" class="checkbox-custom-label">Item review notifications</label>
															</li>
															<li>
																<input id="aa-9" class="checkbox-custom" name="aa-9" type="checkbox">
																<label for="aa-9" class="checkbox-custom-label">Buyer review notifications</label>
															</li>
															<li>
																<input id="aa-hh" class="checkbox-custom" name="aa-hh" type="checkbox">
																<label for="aa-hh" class="checkbox-custom-label">Expiring support notifications</label>
															</li>
															<li>
																<input id="aa-ff" class="checkbox-custom" name="aa-ff" type="checkbox">
																<label for="aa-ff" class="checkbox-custom-label">Daily summary emails</label>
															</li>
														</ul>
														<div class="form-group">
															<button type="submit" class="btn btn_update">Save &amp; Update</button>
														</div>		
													</div>
												</div>
												
											</div>
										</div>
									</div>
								</div>
								
								<div class="tab-pane fade" id="v-pills-social" role="tabpanel" aria-labelledby="v-pills-social-tab">
									<div class="extra_ijyu98">
										<div class="extra_ijyu98_head">
											<h4>Your Social Networks</h4>
										</div>
										<div class="extra_ijyu98_body">
											<form class="simple_uyt">
												<div class="row">
													
													<div class="col-lg-6 col-md-6">
														<div class="form-group">
															<label><i class="fa fa-facebook"></i> Facebook User</label>
															<input type="text" class="form-control" value="Dhananjay">
														</div>
													</div>
													<div class="col-lg-6 col-md-6">
														<div class="form-group">
															<label><i class="fa fa-twitter"></i> Twitter User</label>
															<input type="text" class="form-control" value="kumar.dan">
														</div>
													</div>
													<div class="col-lg-6 col-md-6">
														<div class="form-group">
															<label><i class="fa fa-linkedin"></i> LinkedIn User</label>
															<input type="text" class="form-control" value="themez.hub">
														</div>
													</div>
													<div class="col-lg-6 col-md-6">
														<div class="form-group">
															<label><i class="fa fa-dribbble"></i> Dribbble User</label>
															<input type="text" class="form-control">
														</div>
													</div>
													<div class="col-lg-6 col-md-6">
														<div class="form-group">
															<label><i class="fa fa-behance"></i> Behance User</label>
															<input type="text" class="form-control">
														</div>
													</div>
													<div class="col-lg-6 col-md-6">
														<div class="form-group">
															<label><i class="fa fa-pinterest"></i> Pinterest User</label>
															<input type="text" class="form-control">
														</div>
													</div>
													<div class="col-lg-6 col-md-6">
														<div class="form-group">
															<label><i class="fa fa-tumblr"></i> Tumblr User</label>
															<input type="text" class="form-control">
														</div>
													</div>
													<div class="col-lg-6 col-md-6">
														<div class="form-group">
															<label><i class="fa fa-youtube"></i> YouTube User</label>
															<input type="text" class="form-control">
														</div>
													</div>
												</div>
											</form>
										</div>
									</div>
								</div>
								
								<div class="tab-pane fade" id="v-pills-support" role="tabpanel" aria-labelledby="v-pills-support-tab">
									<div class="extra_ijyu98">
										<div class="extra_ijyu98_head">
											<h4>About Item Support</h4>
										</div>
										<div class="extra_ijyu98_body">
											<div class="row">
												<div class="col-lg-12 col-md-12">
													<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
													<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.</p>
												</div>
												<div class="col-lg-12 col-md-12">
													<div class="_iolp65">
														<ul class="no-ul-list mb-3">
															<li>
																<input id="a-4" class="checkbox-custom" name="a-4" type="checkbox">
																<label for="a-4" class="checkbox-custom-label">01 Business Day</label>
															</li>
															<li>
																<input id="a-5" class="checkbox-custom" name="a-5" type="checkbox">
																<label for="a-5" class="checkbox-custom-label">02  Business Day</label>
															</li>
															<li>
																<input id="a-6" class="checkbox-custom" name="a-6" type="checkbox">
																<label for="a-6" class="checkbox-custom-label">03 Business Day</label>
															</li>
															<li>
																<input id="a-7" class="checkbox-custom" name="a-7" type="checkbox">
																<label for="a-7" class="checkbox-custom-label">04 Business Day</label>
															</li>
															<li>
																<input id="a-8" class="checkbox-custom" name="a-8" type="checkbox">
																<label for="a-8" class="checkbox-custom-label">05 Business Day</label>
															</li>
														</ul>
														<div class="form-group">
															<button type="submit" class="btn btn_update">Save &amp; Update</button>
														</div>		
													</div>
												</div>
												
											</div>
										</div>
									</div>
								</div>
								
								<div class="tab-pane fade" id="v-pills-featured" role="tabpanel" aria-labelledby="v-pills-featured-tab">...</div>
								
							</div>	
						</div>								
					</div>
					
				</div>
			</section>
			<!-- ========================== Dashboard Elements ============================= -->
			
			<!-- ============================ Call To Action Start ================================== -->
			<section class="call-to-act" style="background:#5d47dd url(assets/img/landing-bg.png) no-repeat">
				<div class="container">
					<div class="row justify-content-center">
					
						<div class="col-lg-7 col-md-8">
							<div class="clt-caption text-center mb-4">
								<h3>Subscribe Now!</h3>
								<p>Simple pricing plans. Unlimited web maintenance service</p>
							</div>
							<div class="inner-flexible-box subscribe-box">
								<div class="input-group">
									<input type="text" class="form-control large" placeholder="Enter your mail here">
									<button class="btn btn-subscribe" type="button"><i class="fa fa-arrow-right"></i></button>
								</div>
							</div>
						</div>				
					</div>
				</div>
			</section>
			<!-- ============================ Call To Action End ================================== -->
			
			<!-- =========================== Footer Start ========================================= -->
			<footer class="dark-footer skin-dark-footer">
				<div>
					<div class="container">
						<div class="row">
							
							<div class="col-lg-4 col-md-6">
								<div class="footer-widget">
									<img src="assets/img/logo-light.png" class="img-fluid f-logo" width="120" alt="">
									<p>407-472 Rue Saint-Sulpice, Montreal<br>Quebec, H2Y 2V8</p>
									<ul class="footer-bottom-social">
										<li><a href="#"><i class="ti-facebook"></i></a></li>
										<li><a href="#"><i class="ti-twitter"></i></a></li>
										<li><a href="#"><i class="ti-instagram"></i></a></li>
										<li><a href="#"><i class="ti-linkedin"></i></a></li>
									</ul>
								</div>
							</div>		
							<div class="col-lg-2 col-md-4">
								<div class="footer-widget">
									<h4 class="widget-title">Useful links</h4>
									<ul class="footer-menu">
										<li><a href="about.html">About Us</a></li>
										<li><a href="faq.html">FAQs Page</a></li>
										<li><a href="billing.html">Checkout</a></li>
										<li><a href="login.html">Login</a></li>
									</ul>
								</div>
							</div>
							
							<div class="col-lg-2 col-md-4">
								<div class="footer-widget">
									<h4 class="widget-title">Developers</h4>
									<ul class="footer-menu">
										<li><a href="#">Booking</a></li>
										<li><a href="#l">Stays</a></li>
										<li><a href="#">Adventures</a></li>
										<li><a href="#">Author Detail</a></li>
									</ul>
								</div>
							</div>
							
							<div class="col-lg-2 col-md-4">
								<div class="footer-widget">
									<h4 class="widget-title">Useful links</h4>
									<ul class="footer-menu">
										<li><a href="about.html">About Us</a></li>
										<li><a href="faq.html">Jobs</a></li>
										<li><a href="#">Events</a></li>
										<li><a href="#">Press</a></li>
									</ul>
								</div>
							</div>
									
							<div class="col-lg-2 col-md-4">
								<div class="footer-widget">
									<h4 class="widget-title">Useful links</h4>
									<ul class="footer-menu">
										<li><a href="#">Support</a></li>
										<li><a href="contact.html">Contact Us</a></li>
										<li><a href="#">Privacy &amp; Terms</a></li>
									</ul>
								</div>
							</div>
							
						</div>
					</div>
				</div>
				
				<div class="footer-bottom">
					<div class="container">
						<div class="row align-items-center">
							
							<div class="col-lg-12 col-md-12 text-center">
								<p class="mb-0">Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
							</div>
							
						</div>
					</div>
				</div>
			</footer>
			<!-- =========================== Footer End ========================================= -->
			
			<!-- Switcher Start -->
			<div class="w3-ch-sideBar w3-bar-block w3-card-2 w3-animate-right"  style="display:none;right:0;" id="rightMenu">
				<div class="_oli987">
					<h4 class="cart_heading">Your cart</h4>
					<button onclick="closeRightMenu()" class="w3-bar-item w3-button w3-large"><i class="ti-close"></i></button>
				</div>
				<div class="rightMenu-scroll">
					<div class="right-ch-sideBar" id="side-scroll">
						
						<div class="cart_select_items">
							<!-- Single Item -->
							<div class="cart_selected_single">
								<div class="cart_selected_single_thumb">
									<a href="#"><img src="assets/img/logos-4.png" class="img-fluid" alt="" /></a>
								</div>
								<div class="cart_selected_single_caption">
									<h4 class="product_title">Orio - Online Multipurpose WordPress Theme</h4>
									<span class="numberof_item">$59</span>
									<a href="#" class="text-danger">Remove</a>
								</div>
							</div>
							<!-- Single Item -->
							<div class="cart_selected_single">
								<div class="cart_selected_single_thumb">
									<a href="#"><img src="assets/img/logos-3.png" class="img-fluid" alt="" /></a>
								</div>
								<div class="cart_selected_single_caption">
									<h4 class="product_title">LearnUp - Online LMS WordPress Theme</h4>
									<span class="numberof_item">$39</span>
									<a href="#" class="text-danger">Remove</a>
								</div>
							</div>
							<!-- Single Item -->
							<div class="cart_selected_single">
								<div class="cart_selected_single_thumb">
									<a href="#"><img src="assets/img/logos-2.png" class="img-fluid" alt="" /></a>
								</div>
								<div class="cart_selected_single_caption">
									<h4 class="product_title">Cario - Digital WordPress Theme</h4>
									<span class="numberof_item">$15x2</span>
									<a href="#" class="text-danger">Remove</a>
								</div>
							</div>
						</div>
						
						<div class="cart_subtotal">
							<h6>Subtotal<span class="theme-cl">$120.47</span></h6>
						</div>
						
						<div class="cart_action">
							<ul>
								<li><a href="" class="btn btn_checkout">Checkout Now</a></li>
							</ul>
						</div>
						
					</div>
				</div>
			</div>
			
			<!-- Log In Modal -->
			<div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="registermodal" aria-hidden="true">
				<div class="modal-dialog modal-dialog-centered login-pop-form" role="document">
					<div class="modal-content" id="registermodal">
						<div class="modal-header">
							<h4>Close Window</h4>
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true"><i class="ti-close"></i></span></button>
						</div>
						<div class="modal-body">
							<h4 class="modal-header-title">Sign <span class="theme-cl">In</span></h4>
							
							<div class="login-form">
								<form>
								
									<div class="form-group">
										<label>User Name</label>
										<div class="input-with-gray light">
											<input type="text" class="form-control" placeholder="Username">
										</div>
									</div>
									
									<div class="form-group">
										<label>Password</label>
										<div class="input-with-gray light">
											<input type="password" class="form-control" placeholder="*******">
										</div>
									</div>
									
									<div class="form-group">
										<button type="submit" class="btn theme-bg btn-md full-width pop-login">Login</button>
									</div>
								
								</form>
							</div>
							
							<div class="form-group text-center">
								<span>Or Signup with</span>
							</div>
							
							<div class="social_logs mb-4">
								<ul>
									<li class="fb-login"><a href="#"><i class="fa fa-facebook"></i></a></li>
									<li class="gp-login"><a href="#"><i class="fa fa-google-plus"></i></a></li>
									<li class="ln-login"><a href="#"><i class="fa fa-linkedin"></i></a></li>
								</ul>
							</div>
							
						</div>
						<div class="modal-footer">
							<div class="mf-link"><i class="ti-user"></i>Haven't An Account?<a href="javascript:void(0)" class="theme-cl"> Sign Up</a></div>
							<div class="mf-forget"><a href="#"><i class="ti-help"></i>Forget Password</a></div>
						</div>
					</div>
				</div>
			</div>
			<!-- End Modal -->		

		</div>
		<!-- ============================================================== -->
		<!-- End Wrapper -->
		<!-- ============================================================== -->

		<!-- ============================================================== -->
		<!-- All Jquery -->
		<!-- ============================================================== -->
		<script src="assets/js/jquery.min.js"></script>
		<script src="assets/js/popper.min.js"></script>
		<script src="assets/js/bootstrap.min.js"></script>
		<script src="assets/js/select2.min.js"></script>
		<script src="assets/js/owl.carousel.min.js"></script>
		<script src="assets/js/ion.rangeSlider.min.js"></script>
		<script src="assets/js/counterup.min.js"></script>
		<script src="assets/js/custom.js"></script>
		<!-- ============================================================== -->
		<!-- This page plugins -->
		<!-- ============================================================== -->
		
		<script>
			function openRightMenu() {
				document.getElementById("rightMenu").style.display = "block";
			}
			function closeRightMenu() {
				document.getElementById("rightMenu").style.display = "none";
			}
		</script>
		
	</body>
</html>